<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8" />
		<title></title>
		<link rel="stylesheet" type="text/css" href="css/1.css" />
		<link rel="stylesheet" type="text/css" href="css/3.css" />

	</head>

	<body>

		<div class="top">
			<div class="top_nav clearfix">
				<div class="top_nav_logo fl">
					<a href="index.html"><img src="img/logo.png" /></a>
				</div>
				<div class="top_nav_text fr ">
					<ul>
						<li>
							<a href="index.html">首页 </a><span class="s1">|</span></li>
						<li>
							<a href="2.html">家居类 </a><span class="s1">|</span></li>
						<li >
							<a class="col1" href="3.html">搭配类 </a><span class="s1">|</span></li>
						<li >
							<a href="4.html">生活 </a><span class="s1">|</span></li>
						<li>
							<a href="5.html">联系我们 </a>
						</li>
					</ul>
				</div>

			</div>
			<div class="banner_img"><img src="img/banner.png"> </div>

			<div class="search ">
				  <div class="table">
				<input placeholder="SEARCH">
				<div class="searchicon "><img src="img/icon1_07.png"> </div>
				  </div>
			</div>
		</div>
		<!--头部结束-->
		<!--内容开始-->

		<div class="cnt">
			<div class="cnt_area clearfix">
			<a href="#"><h1>Nordic</h1></a>
			<a href="#"><h3>simplicity</h3></a>
			<a href="#"><h2>北欧简约</h2><img src="img/rectangle.png" /></a>
			
			<div class="cnt_area_img fl">
			<a href="#"><img src="img/nordic simplicity1.jpg" /></a>
			<a href="#"><img src="img/nordic simplicity2.jpg" /></a>
			<a href="#"><img src="img/nordic simplicity3.jpg" /></a>
			<a href="#"><img src="img/nordic simplicity4.jpg" /></a>
			<a href="#"><img src="img/nordic simplicity5.jpg" /></a>
			<a href="#"><img src="img/nordic simplicity6.jpg" /></a>
			</div>
			</div>
			
			<div class="cnt_area clearfix">
			<a href="#"><h1>Modern</h1></a>
			<a href="#"><h3>Modern Concise</h3></a>
			<a href="#"><h2>现代简约</h2><img src="img/rectangle.png" /></a>
			<div class="cnt_area_img fl">
			<a href="#"><img src="img/modern concise1.png" /></a>
			<a href="#"><img src="img/modern concise2.png" /></a>
			<a href="#"><img src="img/modern concise3.png" /></a>
			<a href="#"><img src="img/modern concise4.png" /></a>
			<a href="#"><img src="img/modern concise5.png" /></a>
			<a href="#"><img src="img/modern concise6.png" /></a>
			</div>
			</div>
			
			<div class="cnt_area clearfix">
			<a href="#"><h1>Neo-Chinese</h1></a>
			<a href="#"><h3>style</h3></a>
			<a href="#"><h2>新中式</h2><img src="img/rectangle.png" /></a>
			<div class="cnt_area_img fl">
			<a href="#"><img src="img/neo-chinese style1.jpg" /></a>
			<a href="#"><img src="img/neo-chinese style2.jpg" /></a>
			<a href="#"><img src="img/neo-chinese style3.jpg" /></a>
			<a href="#"><img src="img/neo-chinese style4.jpg" /></a>
			<a href="#"><img src="img/neo-chinese style5.jpg" /></a>
			<a href="#"><img src="img/neo-chinese style6.jpg" /></a>
			</div>
			</div>
			<div class="cnt_bot clearfix">
			<a href="#"><h2>ONLINE RESERVA TIONS</h2></a>
			<a href="#"><h3>在线预约</h3><img src="img/rectangle.png" /></a>
			<form>
				<input class="fl" type="text" placeholder="请填写您的称呼 / Your Name *必填" required />
				<input class="fr" type="name" placeholder="请填写您的联系方式 / Your Telephone Number *必填" required />
				<textarea cols="140" rows="8"  /></textarea>
				<input class="but" type="submit" value="ENTER" />
			</form>
			</div>
		</div>
		<!--内容结束-->
		<!--底部-->
				<div class="bot">
			<div class="bot1">
				<div class="botlogo">
					<a>本色家居</a>
				</div>
				
				<div class="bottop1">
							<input placeholder="SEARCH">
							<div class="topicon"><img src="img/icon1_07.png"> </div>
							<a href="#">返回顶部</a>
							<div class="shu1">|</div>
							<div class="shu2">|</div>
							<div class="shu3"><img src="img/i_27.png"></div>
							<div class="shu4"><a>收藏</a></div>
				</div>
				<div class="botxia"></div>
				<div class="bottbg">
				<div class="bottext1">
					<ul>
						<li>
							<p><a>2018本色《家居指南》</a></p>
							<p><a>在线阅读</a></p>
						</li>
					</ul>
					
				</div>
				<div class="bottext2">
					<ul>
						<li>
							<p><a>客户服务</a></p>
							<p><a>购物攻略</a></p>
							<p><a>宜家商场</a></p>
							<p><a>我们的服务</a></p>
							<p><a>退换货政策</a></p>
							<p><a>联系我们</a></p>
							<p><a>常见问题</a></p>
						</li>
					</ul>					
				</div>
				<div class="bottext3">
					<ul>
						<li>
							<p><a>这就是本色</a></p>
							<p><a>本色理念</a></p>
							<p><a>民主设计</a></p>
							<p><a>关于本色家居</a></p>
							<p><a>人类与地球</a></p>
						</li>
					</ul>					
				</div>
				<div class="bottext4">
					<ul>
						<li>
							<p><a>工作在本色</a></p>
							<p><a>现在就申请</a></p>
						</li>
					</ul>					
				</div>
				<div class="bottext5">
					<ul>
						<li>
							<p><a>Copyright ©2017 bense.com 版权所有
							</a></p>
						</li>
					</ul>					
				</div>
				</div>
			</div>			
		</div>
	</body>



</html>